import { form, oidForm } from './index.js'
import { codeData } from './utlis.js'
const { ref } = Vue
export default {
	name: 'cardItem',
	template: `#cardItem`,
	props: {
		list: {
			type: Array,
			default() {
				return []
			},
		},
	},
	emits: ['carddel'],
	setup(props, { emit }) {
		const isbeizhu = ref(true)

		const chapterstr = str => {
			if (str && str !== '') {
				return `第${str}章`
			}
			return ''
		}

		function cardupdate(item) {
			/**
			 * 用于保存修改前的item数据
			 * 由于使用了本地的存储 额数据库的id为自增 本地不好控制id
			 * 所以使用了 title 来进行比较或查询
			 * 所以在修改前就必须保存一分旧的小说item数据
			 */
			oidForm.setdata(codeData(item))
			form.ison = false
			item.recommended = String(item.recommended)
			item.duwan = String(item.duwan)
			form.data = item
			form.isshow = true
		}

		function carddel(item) {
			emit('carddel', item)
		}

		return { isbeizhu, chapterstr, cardupdate, carddel }
	},
}
